/* components/commentItem.wxss */
.box{
  padding: 10rpx 20rpx;
  border-radius: 20rpx;
  box-shadow: 0 1px 3rpx #eee;
  // border: 1px solid #8b8682;
  margin: 20rpx 20rpx;
  display: flex;
  justify-content: space-between;
  .leftBox{
    .infoBox{
      display: flex;
      margin: 10rpx 0;
      align-items: flex-end;
      .show{
        font-size: 28rpx;
        color: #8b8682;
      }
      .foodName{
        font-size: 34rpx;
      }
      .time{
        font-size: 28rpx;
        color: #8b8682;
      }
    }
    .commentDetail{
      font-size: 40rpx;
      margin: 20rpx 0;
    }
  }
  .butBox{
    padding: 10rpx 0;
    min-width: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.on-show{
  background: linear-gradient(90deg,var(--theameColor-2),70%,rgb(226, 255, 235));
}
.on-noshow{
  background: linear-gradient(90deg,var(--theameColor-2),70%,rgb(255, 212, 212));
}